<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>{% block title %}Environmental Witness Network{% endblock %}</title>
        <link href="{{ MEDIA_URL }}main.css" type="text/css" rel="stylesheet">
        <link rel="stylesheet" href="{{ MEDIA_URL }}css/custom.css" type="text/css" />
        <link rel="stylesheet" href="{{ MEDIA_URL }}css/style.css" type="text/css" />
        {% block customcss %}{% endblock %}
        <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.2.5.min.js"></script>
        {% block customjs %}{% endblock %}
        {% block header %}{% endblock %}
    </head>
    {% load i18n %}
    <body{% block bodyattr%}{% endblock%}>
        <!--table id="banner">
            <tbody>
                <tr>
                    <td><a href="http://dev.skytruth.org/annotations/"><img width="287" height="45" border="0" alt="SkyTruth logo" src="resources/images/logo.jpg"/></a></td>
                    <td id="topnav" class="topnav">
                        {% if user.is_authenticated %}
                            Hi, {{ user.firstname }}<a href="#" onclick="showLoginForm(); return false;">Sign Out</a> | <a href="register/">Register Now</a>
                        {% else %}
                            <a href="#" onclick="showLoginForm(); return false;">Sign In</a> | <a href="register/">Register Now</a>
                        {% endif %}
                    </td>
                    <td id="loggedin"></td>
                    <td id="login" class="login" style="display: none; text-align: right;">
                        <form id="loginform" name="loginform">
                            Username: <input type="text" name="username" />
                            Password: <input type="password" name="password" />
                            <button type="button" name="loginbutton" onclick="processLogin();">Login</button>
                        </form>
                    </td>
                </tr>
            </tbody>
        </table-->
        <div id="banner">
            <div id="logo"><a href="{% url index %}"><img src="{{ MEDIA_URL }}images/logo.jpg" /></a></div>
            {% if user.is_authenticated %}
                <table id="hellotext">
                    <tr>
                        <td>
                            Hi, {% if user.profile.firstname %}{{ user.profile.firstname }}{% else %}{{ user.username }}{% endif %}
                        </td>
                    </tr>
                </table>
            {% endif %}
            {% ifnotequal firstdir 'accounts' %}
                <div id="topnav">
                    {% if user.is_authenticated %}
                        <a href="/logout/">Sign Out</a> | <a href="/profile/">Your Profile</a>
                    {% else %}
                        <a href="/accounts/login/">Sign In</a> | <a href="/accounts/register/">Register Now</a>
                    {% endif %}
                </div>
            {% endifnotequal %}
        </div>
        <div id="header"></div>
        <div id="maincontent">
            {% block content %}{% endblock %}
        </div>
    </body>
</html>
